<script type="text/javascript">
	$(document).ready(function() {
		$("#lunId").change(function(){
			var pool = $(this).find("option:selected").attr("pool");
			var defaultLable = $(this).find("option:selected").text();
			$("#poolText").text(pool);
			$("#label").val(defaultLable);
		}).change();
	});
</script>
<form method="post" id="editLunForm"
	action="${basePath}/migrate/save">
	<div class="main_Receipt_table" id="base">
		<div class="main_Receipt_table_m">
			<table border="0" cellspacing="0" cellpadding="0">
				<tbody>
					<tr>
						<th style="width: 35%;" scope="row"><@spring.message code='lun.lun_name'/><span
							class="color_red">*</span></th>
						<td style="width: 65%;">
							<select style="width: 54%;height: 24px;" id="lunId" name="lunId">
								<#list lunList as lun>
									<option value="${lun.id}" pool="${lun.poolName!}">${lun.name}</option>
								</#list>
							</select>
						</td>
					</tr>
					<tr>
						<th style="width: 35%;" scope="row"><@spring.message code='lun.pool'/></th>
						<td style="width: 65%;" id="poolText"></td>
					</tr>
					<tr>
						<th style="width: 35%;" scope="row"><@spring.message code='lun.label'/><span class="color_red">*</span>
						</th>
						<td style="width: 65%;">
							<input id="label" type="text" name="label" value=""/>
						</td>
					</tr>
					<tr>
						<th style="width: 35%;" scope="row"><@spring.message code='lun.type'/><span class="color_red">*</span>
						</th>
						<td style="width: 65%;">
							<select id="lunType" name="lunType" style="width: 54%;height: 24px;">
								<option value="1">Oracle</option>
								<option value="2">MySQL</option>
								<option value="3">MSSQL</option>
								<option value="9">Other</option>
							</select>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</form>
